const styles = {};

styles.header = {
    width: '100%',
    height: '64px',
    background: '#ff4400'
}

styles.contents = {
    width: '100%',
    height: 'auto',
    position: 'relative',
    display: 'flex'
}

styles.menu = {
    width: '80px',
    height: 'auto',
    textAlign: 'center'
}

styles.content = {
    flex: '1',
    height: 'auto',
    background: '#e8e8e8',
    padding: '8px'
}

styles.activeMenuLink = {
    color: '#448afb'
}

styles.userLink = {
    fontSize: '0.85rem',
    padding: '0px 12px',
    margin: '12px 0px',
    color: '#000',
    border: '1px solid #cecece',
    textDecoration: 'none'
}

styles.userLink_active = {
    background: '#8bc34a',
    color: '#fff',
    border: '1px solid #8bc34a'
}

module.exports = styles;